﻿<?php
include './includes/header.php';
?>
			<div role="main" class="main">
				<div id="content" class="content full">

					<div class="slider-container">
						<div class="slider" id="revolutionSlider">
							<ul>
								<li data-transition="fade" data-slotamount="10" data-masterspeed="300">
									<img src="img/slides/slide-bg.jpg" data-fullwidthcentering="on" alt="">

										<div class="caption sft stb visible-desktop"
											 data-x="15"
											 data-y="180"
											 data-speed="300"
											 data-start="1000"
											 data-easing="easeOutExpo"><img src="img/slides/slide-title-border.png" alt=""></div>

										<div class="caption top-label lfl stl"
											 data-x="60"
											 data-y="180"
											 data-speed="300"
											 data-start="500"
											 data-easing="easeOutExpo">Нуждаете се от</div>

										<div class="caption sft stb visible-desktop"
											 data-x="275"
											 data-y="180"
											 data-speed="300"
											 data-start="1000"
											 data-easing="easeOutExpo"><img src="img/slides/slide-title-border.png" alt=""></div>

										<div class="caption main-label sft stb"
											 data-x="0"
											 data-y="250"
											 data-speed="300"
											 data-start="1500"
											 data-easing="easeOutExpo">УЕБ САЙТ?</div>

										<div class="caption bottom-label sft stb"
											 data-x="10"
											 data-y="300"
											 data-speed="500"
											 data-start="2000"
											 data-easing="easeOutExpo">Попаднали сте на ТОЧНОТО МЯСТО!</div>

										<div class="caption randomrotate"
											 data-x="800"
											 data-y="250"
											 data-speed="500"
											 data-start="2500"
											 data-easing="easeOutBack"><img src="img/slides/slide-concept-2-1.png" alt=""></div>

										<div class="caption sfb"
											 data-x="850"
											 data-y="200"
											 data-speed="400"
											 data-start="3000"
											 data-easing="easeOutBack"><img src="img/slides/slide-concept-2-2.png" alt=""></div>

										<div class="caption sfb"
											 data-x="820"
											 data-y="170"
											 data-speed="700"
											 data-start="3150"
											 data-easing="easeOutBack"><img src="img/slides/slide-concept-2-3.png" alt=""></div>

										<div class="caption sfb"
											 data-x="770"
											 data-y="130"
											 data-speed="1000"
											 data-start="3250"
											 data-easing="easeOutBack"><img src="img/slides/slide-concept-2-4.png" alt=""></div>

										<div class="caption sfb"
											 data-x="500"
											 data-y="80"
											 data-speed="600"
											 data-start="3450"
											 data-easing="easeOutExpo"><img src="img/slides/slide-concept-2-5.png" alt=""></div>

										<div class="caption blackboard-text lfb "
											 data-x="530"
											 data-y="300"
											 data-speed="500"
											 data-start="3450"
											 data-easing="easeOutExpo" style="font-size: 37px;">Think</div>

										<div class="caption blackboard-text lfb "
											 data-x="555"
											 data-y="350"
											 data-speed="500"
											 data-start="3650"
											 data-easing="easeOutExpo" style="font-size: 47px;">Outside</div>

										<div class="caption blackboard-text lfb "
											 data-x="580"
											 data-y="400"
											 data-speed="500"
											 data-start="3850"
											 data-easing="easeOutExpo" style="font-size: 32px;">The box :)</div>
								</li>
								<li data-transition="fade" data-slotamount="10" data-masterspeed="300">
									<img src="img/slides/slide-bg.jpg" data-fullwidthcentering="on" alt="">

										<div class="caption fade"
											 data-x="0"
											 data-y="100"
											 data-speed="2500"
											 data-start="200"
											 data-easing="easeOutExpo"><img src="img/slides/slide-concept.png" alt=""></div>

										<div class="caption blackboard-text fade "
											 data-x="110"
											 data-y="180"
											 data-speed="1500"
											 data-start="1000"
											 data-easing="easeOutExpo" style="font-size: 30px;">ние</div>

										<div class="caption blackboard-text fade "
											 data-x="110"
											 data-y="220"
											 data-speed="1500"
											 data-start="1200"
											 data-easing="easeOutExpo" style="font-size: 40px;">знаем как...</div>

										<div class="caption main-label sft stb"
											 data-x="510"
											 data-y="200"
											 data-speed="300"
											 data-start="1500"
											 data-easing="easeOutExpo">попитайте ни!</div>

										<div class="caption bottom-label sft stb"
											 data-x="510"
											 data-y="250"
											 data-speed="500"
											 data-start="2000"
											 data-easing="easeOutExpo">Ще предложим най-оптималното РЕШЕНИЕ и ЦЕНА</div>

								</li>
							</ul>
						</div>
					</div>

					<div class="home-intro">
						<div class="container">

							<div class="row">
								<div class="span8">
									<p>
										Добра уеб страница = <em>успешен бизнес</em>
										<span>Не се колебайте - изпратете запитване </span>
									</p>
								</div>
								<div class="span4">
									<div class="get-started">
										<a href="#" class="btn btn-large btn-primary">Запитване?</a>
									</div>
								</div>
							</div>

						</div>
					</div>

					<div class="container">

						<div class="row center">
							<div class="span12">
								<h2 class="short">Изработка на <strong class="inverted">уеб сайтове</strong>, web дизайн и SEO оптимизация</h2>
								<p class="featured lead">
									<span class="newText">
										Нашата амбиция е да Ви предложим продукт, който най-ефективно ще Ви представя пред огромната интернет аудитория, затова разработваме индивидуално всеки наш проект в съответствие с конкретните цели и потребности на клиента.
									</span>
								</p>
							</div>
						</div>

					</div>

					<div class="home-concept">
						<div class="container">

							<div class="row center">
								<span class="sun"></span>
								<span class="cloud"></span>
								<div class="span2 offset1">
									<div class="process-image" data-appear-animation="bounceIn">
										<img src="img/home-concept-item-1.png" alt="" />
										<strong>Планиране</strong>
									</div>
								</div>
								<div class="span2">
									<div class="process-image" data-appear-animation="bounceIn" data-appear-animation-delay="200">
										<img src="img/home-concept-item-2.png" alt="" />
										<strong>Дизайн</strong>
									</div>
								</div>
								<div class="span2">
									<div class="process-image" data-appear-animation="bounceIn" data-appear-animation-delay="400">
										<img src="img/home-concept-item-3.png" alt="" />
										<strong>Разработка</strong>
									</div>
								</div>
								<div class="span4 offset1">
									<div class="project-image">
										<div id="fcSlideshow" class="fc-slideshow">
											<ul class="fc-slides">
												<li><a href="single-project.php"><img src="img/projects/project-home-1.jpg" /></a></li>
												<li><a href="single-project.php"><img src="img/projects/project-home-2.jpg" /></a></li>
												<li><a href="single-project.php"><img src="img/projects/project-home-3.jpg" /></a></li>
											</ul>
										</div>
										<strong class="our-work">Нашата работа</strong>
									</div>
								</div>
							</div>

							<hr class="tall" />

						</div>
					</div>

					<div class="container">

						<div class="row">
							<div class="span8">
								<h2>Използвани <strong> технологии</strong></h2>
								<div class="row">
									<div class="span4">
											<div class="feature-box">
											<div class="feature-box-icon">
												<i class="image-icon small php"></i>
											</div>
											<div class="feature-box-info">
												<h4 class="shorter">PHP5</h4>
												<p class="tall">PHP е скриптов език ,върху сървърната страна на приложението, с отворен код, който е проектиран за уеб програмиране и е широко използван за създаване на сървърни приложения и динамично уеб-съдържание.</p>
											</div>
										</div>
										<div class="feature-box">
											<div class="feature-box-icon">
												<i class="image-icon small html"></i>
											</div>
											<div class="feature-box-info">
												<h4 class="shorter">xHTML, HTML5</h4>
												<p class="tall">HTML5 е стандарт за създаване и предоставяне на съдържание в уеб пространството.</p>
											</div>
										</div>
										<div class="feature-box">
											<div class="feature-box-icon">
												<i class="icon-file"></i>
											</div>
											<div class="feature-box-info">
												<h4 class="shorter">CSS3</h4>
												<p class="tall">CSS (Cascading Style Sheets) е език за описание на стилове - използва се основно за описване на представянето на документ, написан на език за маркиране. Най-често се използва заедно с HTML.</p>
											</div>
										</div>
										<div class="feature-box">
											<div class="feature-box-icon">
												<i class="image-icon small js"></i>
											</div>
											<div class="feature-box-info">
												<h4 class="shorter">JavaScript</h4>
												<p class="tall">JavaScript е програмен език, който позволява динамична промяна на поведението на браузъра в рамките на дадена HTML страницата.</p>
											</div>
										</div>

									</div>
									<div class="span4">
														<div class="feature-box">
											<div class="feature-box-icon">
												<i class="image-icon small ps"></i>
											</div>
											<div class="feature-box-info">
												<h4 class="shorter">Adobe Photoshop CS6</h4>
												<p class="tall">Adobe Photoshop, е професионална програма за обработка на растерна графика и  редакция на сканирани и цифрово заснети графични материали в реално време чрез набор от инструменти, като това дава възможност за изграждане дизайна на съвременните уеб страници.</p>
											</div>
										</div>
										<div class="feature-box">
											<div class="feature-box-icon">
												<i class="image-icon small dw"></i>
											</div>
											<div class="feature-box-info">
												<h4 class="shorter">Adobe Dreamweaver</h4>
												<p class="tall">Dreamweaver е продукт на Adobe, с който лесно се създават и редактират уеб-базирани приложения. Има вграден редактор на код за най-разпространените езици за уеб-програмиране - HTML, CSS, PHP, ASP, ColdFusion, JavaScript, ActionScript, VBScript и др.</p>
											</div>
										</div>
										<div class="feature-box">
											<div class="feature-box-icon">
												<i class="icon-reorder"></i>
											</div>
											<div class="feature-box-info">
												<h4 class="shorter">Databases(DB)</h4>
												<p class="tall">Базите данни е понятие обединяващо технологии за съхранение и управление на данни, използващи езика SQL. Няма съвременен уеб сайт, който да не използва бази данни.Най-използваните са MySQL, Microsoft Server SQL, Oracle, Postgree SQL.</p>
											</div>
										</div>
		
									</div>
								</div>
							</div>
							<div class="span4">
								<h2>както и...</h2>
								<div class="accordion" id="accordion">
									<div class="accordion-group">
										<div class="accordion-heading">
											<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><i class="icon-lightbulb"></i> jQuery</a>
										</div>
										<div id="collapseOne" class="accordion-body collapse in">
											<div class="accordion-inner">
												jQuery е JavaScript библиотека, която опростява достъпа до всеки елемент на дадена уеб-страница, като по този начин позволява лесно изграждане на динамична функционалност в страниците.
											</div>
										</div>
									</div>
									<div class="accordion-group">
										<div class="accordion-heading">
											<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"><i class="icon-bell-alt"></i> Ajax</a>
										</div>
										<div id="collapseTwo" class="accordion-body collapse">
											<div class="accordion-inner">
												Ajax е похват в уеб разработките за създаване на интерактивни уеб приложения. Предимството на Ajax е, че посредством използването му уеб страниците се зареждат по-бързо.
											</div>
										</div>
									</div>
									<div class="accordion-group">
										<div class="accordion-heading">
											<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseThree"><i class="icon-laptop"></i> CMS</a>
										</div>
										<div id="collapseThree" class="accordion-body collapse">
											<div class="accordion-inner">
												Разработка и настройка на уеб сайтове използващи готови CMS системи като WordPress, Drupal, Joomla, Opencart, PrestaShop, Magento, ZenCart и други.
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

						<hr class="tall" />

						<div class="row center">
							<div class="span12">
								<h2 class="short">We're not the only ones <strong>excited</strong> about Porto Template...</h2>
								<h4 class="lead tall">5,500 customers in 100 countries use Porto Template. Meet our customers.</h4>
							</div>
						</div>


					</div>

					<div class="map-section">
						<section class="featured footer map">
							<div class="container">
								<div class="row">
									<div class="span6">
									<div class="fb-comments" data-href="http://example.com/comments" data-num-posts="2"></div>
									</div>
									<div class="span6">
										<h2><strong>Какво</strong> казват за нас</h2>
										<div class="row">
											<div class="flexslider flexslider-top-title unstyled" data-plugin-options='{"controlNav":false, "slideshow": false, "animationLoop": true, "animation":"slide"}'>
												<ul class="slides">
													<li>
														<div class="span6">
															<blockquote class="testimonial">
															<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.  Donec hendrerit vehicula est, in consequat.  Donec hendrerit vehicula est, in consequat.</p>
															</blockquote>
															<div class="testimonial-arrow-down"></div>
															<div class="testimonial-author">
																<div class="thumbnail thumbnail-small">
																	<img src="img/clients/client-1.jpg" alt="">
																</div>
																<p><strong>John Smith</strong><span>CEO & Founder - Red Wine</span></p>
															</div>
														</div>
													</li>
													<li>
														<div class="span6">
															<blockquote class="testimonial">
															<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
															</blockquote>
															<div class="testimonial-arrow-down"></div>
															<div class="testimonial-author">
																<div class="thumbnail thumbnail-small">
																	<img src="img/clients/client-1.jpg" alt="">
																</div>
																<p><strong>John Smith</strong><span>CEO & Founder - Crivos</span></p>
															</div>
														</div>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</div>
						</section>
					</div>
				</div>
			</div>
			<?php
			include './includes/footer.php';
			?>

		<!-- Libs -->
		<script type="text/javascript" src="../../../ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
		<script>window.jQuery || document.write('<script src="vendor/jquery.js"><\/script>')</script>
		<script src="vendor/jquery.easing.js"></script>
		<script src="vendor/jquery.appear.js"></script>
		<script src="vendor/jquery.cookie.js"></script>
		<script src="master/style-switcher/style.switcher.js"></script> <!-- Style Switcher -->
		<script src="vendor/bootstrap.js"></script>
		<script src="vendor/selectnav.js"></script>
		<script src="vendor/twitterjs/twitter.js"></script>
		<script src="vendor/revolution-slider/js/jquery.themepunch.plugins.js"></script>
		<script src="vendor/revolution-slider/js/jquery.themepunch.revolution.js"></script>
		<script src="vendor/flexslider/jquery.flexslider.js"></script>
		<script src="vendor/circle-flip-slideshow/js/jquery.flipshow.js"></script>
		<script src="vendor/magnific-popup/magnific-popup.js"></script>
		<script src="vendor/jquery.validate.js"></script>

		<script src="js/plugins.js"></script>

		<!-- Current Page Scripts -->
		<script src="js/views/view.home.js"></script>

		<!-- Theme Initializer -->
		<script src="js/theme.js"></script>

		<!-- Custom JS -->
		<script src="js/custom.js"></script>

		<!-- Google Analytics: Change UA-XXXXX-X to be your site's ID. Go to http://www.google.com/analytics/ for more information. -->
		<script type="text/javascript">

		  var _gaq = _gaq || [];
		  _gaq.push(['_setAccount', 'UA-42715764-3']);
		  _gaq.push(['_trackPageview']);

		  (function() {
		    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		  })();

		</script>
	</body>

<!-- Mirrored from www.crivosthemes.com/theme/porto/index.html by HTTrack Website Copier/3.x [XR&CO'2013], Wed, 23 Oct 2013 13:57:59 GMT -->
</html>
